<template >
  <div class='list'>
    <div v-if='data.resultcode'>
      <cons-card :data='data' :content='false' />
      <div class='ul'>
        <cons-item labal='所在年份' :content='data.date' />
      </div>
      <cons-main :content='data.health' />
      <cons-main :content='data.money' title='财富' />
      <cons-main :content='data.love' title='感情' />
      <cons-main :content='data.work' title='工作' />
      <cons-main :content='data.all' title='本月' />
    </div>
    <!-- <div class='going' v-else>加载中... </div> -->

    <el-load v-else />
  </div>
</template>
<script>
import ConsCard from '@/components/common/card.vue'
import ConsItem from '@/components/common/consItem.vue'
import ConsMain from '@/components/common/consmain.vue'
export default {
  name: 'monthlist',
  props: {
    data: Object
  },
  components: {
    ConsCard,
    ConsItem,
    ConsMain
  },
  setup() {}
}
</script>
<style lang="less" scoped>
.ul {
  padding: 10px 14px;
  font-size: 14px;
}
.going {
  width: 100%;
  height: 100%;
  font-size: 20px;
  text-align: center;
  line-height: 50px;
}
</style>
